<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="shortcut icon" href="../images/bitbug_favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 头部导航栏 -->
    <div class="header">
        <div class="wrap clearfix">
            <h5 class="fl">欢迎来到大张伟律师事务所官网，我们将竭诚为您服务!</h5>
            <div class="header_right fr">
                <i></i>
                <span>咨询热线：<a href="#">400-XXX-XXXX</a></span>
            </div>
        </div>
    </div>

    <!-- 导航栏部分 -->
    <div class="nav wrap clearfix">
        <img src="../images/logo.png" alt="" class="fl">
        <a href="./index.html" target="_blank">
            <h1 class="fl">大张伟律师事务所</h1>
        </a>
        <ul class="fr clearfix">
            <li>
                <a href="./index.html" target="_blank">首页</a>
            </li>
            <li>
                <a href="../HTML/intro.html">关于我们</a>
            </li>
            <li>
                <a href="../HTML/Service_classification.html">服务项目</a>
            </li>
            <li>
                <a href="./succeed.html" target="_blank">成功案例</a>
            </li>
            <li>
                <a href="./find.html" target="_blank">律师团队</a>
            </li>
            <li>
                <a href="./dynamic.html">新闻动态</a>
            </li>
            <li>
                <a href="./contact.html">联系方式</a>
                <!-- 提交2222222222222222222222222222222 -->
            </li>
        </ul>
    </div>

    <!-- 轮播图部分 -->
    <div class="banner">
        <div class="wrap">
            <h2>为您排忧解难是我们最重要的事</h2>
            <p>咨询热线：400-XXX-XXXX</p>
            <div class="banner_bottom wrap">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <img src="../images/p1_act0.png" alt="">
                            <span>要咨询</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/p2_819t.png" alt="">
                            <span>看案例</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/p3_g51q.png" alt="">
                            <span>选服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/p4_q67r.png" alt="">
                            <span>找律师</span>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="main">
        <!-- 服务项目 -->
        <div class="serve wrap">
            <h2>服务项目</h2>
            <p>SERVICE</p>
            <div class="serve_main clearfix">
                <div class="serve_left fl">
                    <img src="../images/service-1_sg54.jpg" alt="">
                </div>
                <div class="server_right fl">
                    <ul class="clearfix">
                        <li>
                            <a href="#">
                                <span>合同纠纷
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    劳务纠纷
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    房产纠纷
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    股权纠纷
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    知识产权
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    借贷纠纷
                                </span>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>

        <!-- 案例项目 -->
        <div class="case serve wrap">
            <h2>经典案例</h2>
            <p>CASE</p>
            <div class="case_main">
                <ul class="clearfix">
                    <li>
                        <img src="../images/anli1.jpg" alt="">
                        <div class="case_title">
                            <h5>合同纠纷</h5>
                            <p>杭州某公司与上海某公司合作多年，2016年为后者提供某某某服务，服务结束后，经多次催讨无果，故决定起诉。</p>
                            <a href="#">详情&gt;</a>
                        </div>
                    </li>
                    <li>
                        <img src="../images/anli2.jpg" alt="">
                        <div class="case_title">
                            <h5>借贷纠纷</h5>
                            <p>乙先生于2015年借款给甲先生，甲先生承诺在2016年某月某日前将借款全部还清，未兑现。</p>
                            <a href="#">详情&gt;</a>
                        </div>
                    </li>
                    <li>
                        <img src="../images/anli3.jpg" alt="">
                        <div class="case_title">
                            <h5>劳务纠纷</h5>
                            <p>甲先生与2015年至2016年间为某公司员工，某公司一直拖欠甲先生2016年6月至12月工资。</p>
                            <a href="#">详情&gt;</a>
                        </div>
                    </li>
                    <li>
                        <img src="../images/anli4.jpg" alt="">
                        <div class="case_title">
                            <h5>房产土地</h5>
                            <p>甲先生与人签订了房屋买卖合同，并已支付了XXX元，但房东以各种借口不交房。</p>
                            <a href="#">详情&gt;</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="btn">
                <button>更多</button>
            </div>
        </div>

        <!-- 表单部分 -->
        <div class="column wrap clearfix">
            <div class="column_left fl clearfix">
                <div class="one clearfix">
                    <div class="column_t fl">
                        <span>新闻动态</span><span>TEAM</span>
                    </div>
                    <a href="#" class="fr">更多&gt;</a>
                </div>
                <ul class="fl">
                    <li class="clearfix">
                        <div class="column_time fl">
                            <h6>24</h6>
                            <p>2015-03</p>
                        </div>
                        <div class="column_title fl">
                            <h5>注册会计师成立行业党委</h5>
                            <p>因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......</p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="column_time fl">
                            <h6>24</h6>
                            <p>2015-03</p>
                        </div>
                        <div class="column_title fl">
                            <h5>债务重组会计的两个核心问题</h5>
                            <p>作为我国对债务重组交易的核心规范文件，债务重组准则经历了1998年制定、2001年修订、2006年再修订三次变革：......</p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="column_time fl">
                            <h6>24</h6>
                            <p>2015-03</p>
                        </div>
                        <div class="column_title fl">
                            <h5>英国AIA职业发展中心CDC诚......</h5>
                            <p>CDC职业发展中心肩负着加强双向交流的重任，热诚为企业和学员提供免费信息服务，旨在协助学员挖掘自身各项素质能力，助力毕业............</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="column_right fr">
                <div class="two">
                    <div class="order">
                        <span>在线预约</span>
                        <span>ORDER</span>
                    </div>
                </div>
                <form action="#" method="get">
                    <div>
                        <span>姓名&nbsp;<b>*</b></span>
                        <input type="text">
                    </div>
                    <div>
                        <span>电话&nbsp;<b>*</b></span>
                        <input type="text">
                    </div>
                    <div>
                        <span>内容&nbsp;<b>*</b></span>
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                    <div>
                        <input type="submit" value="提交">
                    </div>
                </form>
                
            </div>
        </div>
    </div>




    <!-- 底部 -->
    <div class="footer clearfix">
        <div class="wrap clearfix">
            <div class="footer_left fl">
                <img src="../images/logo2.png" class="fl">
                <h2 class="fl">大张伟律师事务所</h2>
            </div>
            <div class="footer_center fl">
                <p>电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com</p>
                <p>地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </div>
            <div class="footer_right fr clearfix">
                <img src="../images/lxfs.png" class="fl">
                <div class="footer_title fr">
                    <p>扫一扫</p>
                    <p>关注官方微信</p>
                </div>
            </div>
        </div>
    </div>
    <!-- <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "model": {
                jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
                "scale": 1
            },
            "display": {
                "position": "left",
                "width": 150,
                "height": 300,
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
        console.log(L2Dwidget)
    </script> -->
</body>

</html>